<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>团队介绍</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/bootstrap4.5.min.js"></script>
</head>
<style>

    /*https://fkwysbz05.jz.fkw.com/?previewDemo=true    设计团队  设计团队 */
    .team_introduce_title {
        text-align: center;
    }

    .team_introduce_title h2 {
        color: var(--c_theme);
        font-size: var(--f_title);
        line-height: var(--l_title);
    }

    .team_introduce_title p {
        margin: 22px 0 0 0;
        color: var(--c_subtitle);
        font-size: var(--f_text);
        line-height: var(--l_text);
    }

    .team_introduce_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .team_introduce_list ul li {
        margin-top: 60px;
        width: 50%;
    }

    .team_introduce_list ul li {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .team_introduce_list_img {
        min-width: 230px;
        max-width: 230px;
        height: 230px;
    }

    .team_introduce_list_img img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
    }

    .team_introduce_list_text {
        padding: 0px 40px 0 40px;
    }

    .team_introduce_list_text p:nth-child(1) {
        color: var(--c_text);
        font-size: var(--f_subtitle);
        line-height: var(--l_subtitle);
    }

    .team_introduce_list_text p span {
        color: var(--c_subtitle);
        font-size: var(--f_text);
        line-height: var(--l_text);
    }

    .team_introduce_list_text p:nth-child(2) {
        margin-top: 28px;
        color: var(--c_text);
        font-size: var(--f_text);
        line-height: var(--l_text);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .team_introduce_list_text button{
        outline: none;
    }

    @media(max-width:1000px){
    .team_introduce_title p {
        margin: 10px 0 0 0;
    }

    .team_introduce_list ul li {
        margin-top: 30px;
        width: 100%;
    }

    .team_introduce_list_text {
        padding: 0px 20px 0 20px;
    }

    .team_introduce_list_text p:nth-child(2) {
        margin-top: 14px;

    }
    }
    @media(max-width:768px){
        .team_introduce_list_img {
        min-width: 170px;
        max-width: 170px;
        height: 170px;
    }
    }
    @media(max-width:575px){
        .team_introduce_list_img {
            min-width: 130px;
            max-width: 130px;
            height: 130px;
        }
    }
</style>

<body>
    <div class="team_introduce modular">
        <div class="team_introduce_title">
            <h2>设计团队</h2>
            <p>TEAM</p>
        </div>
        <div class="team_introduce_list public_width">
            <ul>
                <li>
                    <div class="team_introduce_list_img">
                        <img src="../images/class1.webp" alt="">
                    </div>
                    <div class="team_introduce_list_text">
                        <p>彭先生 <span>/ 设计总监</span> </p>
                        <p>精通PS、AI、CDR等设计软件。担任设计总监的职位，曾多次获得年度创意设计一等奖。</p>
                        <button onclick="javascript:window.location.href='../carousel(轮播)/carousel_1.html'" class="button_small">联系我们</button>
                    </div>
                </li>
                <li>
                    <div class="team_introduce_list_img">
                        <img src="../images/case_list_2_1.jpg" alt="">
                    </div>
                    <div class="team_introduce_list_text">
                        <p>彭先生 <span>/ 设计总监</span> </p>
                        <p>精通PS、AI、CDR等设计软件。担任设计总监的职位，曾多次获得年度创意设计一等奖。</p>
                        <button onclick="javascript:window.location.href='../carousel(轮播)/carousel_1.html'" class="button_small">联系我们</button>
                    </div>
                </li>
                <li>
                    <div class="team_introduce_list_img">
                        <img src="../images/case_lists_three.webp" alt="">
                    </div>
                    <div class="team_introduce_list_text">
                        <p>彭先生 <span>/ 设计总监</span> </p>
                        <p>精通PS、AI、CDR等设计软件。担任设计总监的职位，曾多次获得年度创意设计一等奖。</p>
                        <button onclick="javascript:window.location.href='../carousel(轮播)/carousel_1.html'" class="button_small">联系我们</button>
                    </div>
                </li>
                <li>
                    <div class="team_introduce_list_img">
                        <img src="../images/case_list_2_1.jpg" alt="">
                    </div>
                    <div class="team_introduce_list_text">
                        <p>彭先生 <span>/ 设计总监</span> </p>
                        <p>精通PS、AI、CDR等设计软件。担任设计总监的职位，曾多次获得年度创意设计一等奖。</p>
                        <button onclick="javascript:window.location.href='../carousel(轮播)/carousel_1.html'" class="button_small">联系我们</button>
                    </div>
                </li>
            </ul>
        </div>

    </div>

</body>

</html>
